<template>
  <div>
    <ul class="homenav">
      <li>
        <img src="../../assets/nav/qnav1.png" alt />
        <div>我的店铺</div>
      </li>
      <li>
        <img src="../../assets/nav/qnav2.png" alt />
        <div>招商加盟</div>
      </li>
      <li>
        <img src="../../assets/nav/qnav3.png" alt />
        <div>我的喜欢</div>
      </li>
      <li>
        <img src="../../assets/nav/qnav4.png" alt />
        <div>猜你喜欢</div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {}
};
</script>

<style scoped lang='less'>
.homenav {
    display: flex;
    margin: 15px 10px;
    padding: .3rem .2rem;
    border-top: 1px solid rgb(197, 197, 197);
    border-bottom: 1px solid rgb(197, 197, 197);
    li {
        flex: 1;
        list-style: none;
        padding: .3rem;
        text-align: center;
        img {
            width:60%; 
        }
    }
}
</style>
